<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>王忠个人简历</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <!--解决兼容性问题-->
    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <!--搜索引擎-->
    <meta name="author" content="wangzhong">
    <meta name="keywords" content="bootstrap,css,html,fullpage,jquery">
    <meta name="description" content="wangzhong">
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/简历.css"/>
    <link rel="icon" href=""/>
    <link rel="stylesheet" href="css/jquery.fullPage.css"/>
    <script src="js/jquery-3.1.0.min.js" type="text/javascript"></script>
    <script src="js/jqcloud-1.0.4.js"></script>
    <script src="js/jquery-ui.min.js" type="text/javascript"></script>
    <script src="js/jquery.slimscroll.js"></script>
    <script src="js/jquery.fullPage.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/jqcloud.css"/>
    <script src="js/简历.js"></script>
</head>
<body>
<section class="section section1 active container-fluid">
    <div class="col-sm-5 col-sm-offset-2">
        <div class="row" id="me">
            <h4 class="label-primary text-center">个人信息</h4>
            <h3 class="col-sm-offset-3"><span class="glyphicon glyphicon-user"></span>姓名：王忠</h3>
            <p class="col-sm-offset-3"><span class="glyphicon glyphicon-calendar"></span>年龄：20</p>
            <p class="col-sm-offset-3"><span class="glyphicon glyphicon-earphone"></span>联系电话：18865551177</p>
            <p class="col-sm-offset-3"><span class="glyphicon glyphicon-envelope"></span>电子邮件：619324237@qq.com</p>
        </div>
        <div class="row" id="job">
            <h4 class="label-primary text-center">求职相关</h4>
            <p class="col-sm-offset-3"><span class="glyphicon glyphicon-lock"></span>求职意向：前端开发工程师、js工程师</p>
            <p class="col-sm-offset-3"><span class="glyphicon glyphicon-wrench"></span>技术水平：1.熟练使用html标签和css样式，能制作出符合w3c规范的网页
                <br/>2.熟练掌握javaScript语言，熟练掌握jQuery开发框架<br/>3.熟练使用Echarts、fullPage等jQuery插件<br/>4.熟悉Ajax原理和操作<br/>5.熟悉Github和Git等分布式代码管理工具
                <br/>6.熟练使用Bootstrap框架</p>
        </div>
    </div>
    <div class="col-sm-3" >
    <img src="img/4.jpg" alt="img" class="img-responsive img-thumbnail"/>
    </div>

</section>
<section class="section section2">
    <div class="container-fluid row">
        <div class="col-sm-5 col-lg-offset-1" id="edu">
            <h3 class=" label-info text-center"><span class="glyphicon glyphicon-book"></span>教育背景</h3>
            <table class="table table-bordered">
                <tr>
                    <th>时间</th>
                    <th>学校</th>
                    <th>专业</th>
                </tr>
                <tr>
                    <td>2013~今</td>
                    <td>烟台大学</td>
                    <td>物联网工程</td>
                </tr>
            </table>
            <p class="col-sm-offset-3"><span class="glyphicon glyphicon-tag"></span>学历：本科</p>
            <p class="col-sm-offset-3"><span class="glyphicon glyphicon-tag"></span>学位：工学学士</p>
            <p class="col-sm-offset-3"><span class="glyphicon glyphicon-tag"></span>主修课程：嵌入式操作系统原理及应用、嵌入式操作系统、数据通信与计算机网络、java语言与数据库应用、算法与数据结构、C语言程序设计、Matlab程序设计及应用、单片机原理与应用等</p>
        </div>
        <div class="col-sm-5">
            <img src="img/11.jpg" alt=""class="img-responsive img-rounded"/>
        </div>
    </div>
    <div class="space"></div>
</section>
<section class="section section3 container-fluid">
        <div class="col-sm-6 xdiv">
            <h4 class="label-info text-center">Echarts官网</h4>
            <p>主要应用技术：js、fullpage插件、echart插件、jQuery框架</p>
            <div class="xdiv">
                <a href="http://zz1995.oschina.io/echarts/html/Echart_index.html" target="_blank"><img src="img/screenshot-zz1995.oschina.io%202016-10-12%2010-58-55.png" alt="" class="img-responsive img-rounded xiangmu"/></a>
            </div>
        </div>
        <div class="col-sm-6 xdiv">
            <h4 class="label-info text-center">百度地图官网</h4>
            <p>主要应用技术：js、jQuery框架、css动画</p>
            <div class="xdiv">
                <a href="http://zz1995.oschina.io/baidumap/html/baidumap.html" target="_blank"><img src="img/screenshot-localhost%2063342%202016-10-12%2013-59-52.png" alt="" class="img-responsive img-rounded xiangmu"/></a>
            </div>
        </div>
        <div class="col-sm-6 xdiv">
            <h4 class="label-info text-center">时风集团官网</h4>
            <p>主要应用技术：div盒子布局、css样式</p>
            <div class="xdiv">
                <a href="http://zz1995.oschina.io/shifeng/html/html_shouye.html" target="_blank"><img src="img/screenshot-zz1995.oschina.io%202016-10-12%2014-01-47.png" alt="" class="img-responsive img-rounded xiangmu"/></a>
            </div>
        </div>
</section>
<section class="section section4 row">
    <div class="col-sm-8 col-sm-offset-2">
        <h3 class="label-primary text-center"id="tags"style="display: none;color: black"><span class="glyphicon glyphicon-tags" style="color: white"></span> 我的标签 <span class="glyphicon glyphicon-tags" style="color: white"></span></h3>
        <div id="tagscloud" class="container"style="min-height: 500px">

        </div>
    </div>

</section>
<section class="section section5 text-center">
    <h3 class="label-primary" style="color: black;font-weight: bold"><span class="glyphicon glyphicon-star" style="color: white"></span>自我评价<span class="glyphicon glyphicon-star" style="color: white"></span></h3>
    <div class="container" id="ziwo">
        <p>1.有责任心和团队意识，性格积极乐观</p>
        <p>2.容易相处，无任何不良嗜好</p>
        <p>3.热爱编程，乐于不断的学习新技术</p>
        <p>4.有一颗永远积极向上的心，期待不断的成长</p>
    </div>
</section>
<nav id="nav" class="navbar navbar-fixed-top navbar-inverse">
    <button data-target="#subNav" data-toggle="collapse" class="navbar-toggle">
        <span class="icon-bar" style="background-color: #ffffff"></span>
        <span class="icon-bar" style="background-color: #ffffff"></span>
        <span class="icon-bar" style="background-color: #ffffff"></span>
    </button>
    <div id="subNav" class="collapse navbar-collapse row">
        <div class="col-lg-offset-4 col-md-offset-4 col-sm-offset-4">
            <ul class="nav navbar-nav" id="menu">
                <li class="active"><a href="#page1">基本信息</a></li>
                <li><a href="#page2">教育背景</a></li>
                <li><a href="#page3">项目展示</a></li>
                <li><a href="#page4">性格爱好</a></li>
                <li><a href="#page5">自我评价</a></li>
            </ul>
        </div>
    </div>
</nav>



</body>

</html>